<template>
    <div class="top bg-dark3 d-flex ai-center px-3 py-2">
      <div class="logo d-flex flex-1">
        <div class="sprite sprite-logo mr-2"></div>
        <div class="logo_title d-flex ai-center text-white">
          <h1 class="fs-md mr-3">王者荣耀</h1>
          <span>攻略站</span>
        </div>
      </div>
      <router-link class="fs-sm text-white d-flex" to="/" v-slot="{ navigate }">
        <span @click="navigate">
          更多英雄
          <strong class="fs-xl ml-1">&gt;</strong>
        </span>
      </router-link>
    </div>
</template>

<script>
export default {
  name: 'heroTop'
}
</script>
